// 登录注册的代码
$('.box a').on('click', function () {
    $(this).parents('.box').hide().siblings('.box').show();
})
// 完成表单效验
function createRules(){
    return {
        fields: {
            username: {
                validators: {
                    // noteEmpty 表示用户名不为空
                    notEmpty: {
                        message: '用户名不能为空'
                    },
                    stringLength: {
                        min: 2,
                        max: 15,
                        message: "用户名长度不能2-15位之间"
                    },
                },
            },
            password: {
                validators: {
                    // noteEmpty 表示密码不为空
                    notEmpty: {
                        message: '密码不能为空'
                    },
                    stringLength: {
                        min: 6,
                        max: 15,
                        message: "密码长度长度不能2-15位之间"
                    },
                },
            },
        },
    }
}
// form表单自动事件 屏蔽这个事件
$('.register form').bootstrapValidator(createRules()).on('success.form.bv', function (e) {
    e.preventDefault()
    // alert('效验成功')
    axios({
        method:'post',
        url:'/api/register',
        data:
            $('.register form').serialize(), 
    }).then((code,message) => {
        // result是返回的结果
        if(code === 0){
            // 成功
            toastr.success(message)
            $(".register input").val("") // 清空所有的输入框
        // 将当前的注册的盒子隐藏 把登录的盒子显示
            $(".register").hide().next().show()
        }else{
            // 失败
            toastr.warning(message)
        }
    })
})

// 对登录表单进行进行校验
$(".login form")
  .bootstrapValidator(createRules())
  .on("success.form.bv", (event) => {
    event.preventDefault() // 屏蔽事件
    // 调用登录接口
    axios({
      method: "post",
      url: "/api/login",
      // 请求体参数
      data: $(".login form").serialize(), // $(".register form").serialize()会生成一个字符串
      // data: "username=1&password=2", // 请求体参数 application/json
      // params: {}, // 查询参数
    }).then(({ code, message, token }) => {
      // 会拿到结果
      if (code === 0) {
        // 此时认为登录成功的标志
        // token - 前后分离项目的令牌
        // 有token 就表示你当前是登录状态 没有token 表示未登录状态
        localStorage.setItem("token", token) // 将令牌放入前端缓存
        // 跳到主页
        location.href = "./index.html" // 跳转到主页
      } else {
        // 此时认为登录失败
        toastr.warning(message)
      }
    })
  })